<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>收银下单 - ${systemName}</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="fuint会员营销系统" name="description" />
    <meta content="fsq_better" name="author" />
    <link rel="icon" href="<@sp.static/>/assets/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
    <link href="<@sp.static/>/assets/plugins/cashier/vendor.min.css?v=1.8.6" rel="stylesheet" />
    <link href="<@sp.static/>/assets/plugins/cashier/app.min.css?v=1.8.6" rel="stylesheet" />
</head>
<script type="text/javascript" charset="UTF-8">
      window.fuintBaseUrl = '${rc.contextPath}'
</script>
<body class='pace-top'>
    <div id="app" class="app app-content-full-height app-without-sidebar app-without-header bg-white">
    <div id="content" class="app-content p-0">
    <div class="pos pos-customer" id="pos-customer">
    <div class="pos-menu">
    <div class="logo">
    <a href="javascript:;">
    <div class="logo-img"><img src="<@sp.static/>/assets/plugins/cashier/assets/logo.svg"/></div>
    <div class="logo-text">收银下单</div>
    </a>
    </div>
    <div class="nav-container">
    <div data-scrollbar="true" data-height="100%" data-skip-mobile="true">
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link active" href="javascript:;" data-filter="all">
                <img class="cate-logo" src="<@sp.static/>/assets/plugins/cashier/assets/all-cate.svg"/> 全部商品
            </a>
        </li>
        <#list cateList as cate>
        <li class="nav-item">
            <a class="nav-link" href="javascript:;" data-filter="${cate.id}">
                <img class="cate-logo" src="${imagePath}${cate.logo}"/> ${cate.name}
            </a>
        </li>
        </#list>
    </ul>
    </div>
    </div>
    </div>
    <div class="pos-content">
        <div class="product-nav">
            <div class="col-md-6">
                <input type="text" class="form-control goods-no" id="goodsNo" name="goodsNo" value="" placeholder="请输入商品条码"/>
                <button id="addCartByCode" type="button" class="btn btn-success add-goods-no"><i class="fa fa-cart-plus"></i>添加购物车</button>
            </div>
            <div class="col-md-6">
                <button type="button" class="btn btn-danger clear-cart"><i class="fa fa-trash"></i>清空购物车</button>
            </div>
        </div>
        <div class="pos-content-container" data-scrollbar="true" data-height="100%" data-skip-mobile="true">
            <div class="product-row">
                <#list goodsList as goods>
                <div class="product-container" data-type="${goods.cateId}">
                    <a href="javascript:;" class="product" data-id="${goods.id}">
                    <div class="img" style="background-image: url(${imagePath}${goods.logo})"></div>
                        <div class="text">
                        <div class="title">${goods.name}</div>
                        <div class="desc">${goods.salePoint}</div>
                        <div class="price">￥${goods.price}</div>
                    </div>
                    </a>
                </div>
                </#list>
            </div>
        </div>
    </div>

    <div class="pos-sidebar" id="pos-sidebar">
    <div class="pos-sidebar-header">
    <div class="back-btn">
    <button type="button" data-dismiss-class="pos-mobile-sidebar-toggled" data-target="#pos-customer" class="btn">
    <svg viewBox="0 0 16 16" class="bi bi-chevron-left" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
    </svg>
    </button>
    </div>
    <div class="icon"><img src="<@sp.static/>/assets/plugins/cashier/assets/icon-cart.svg" /></div>
    <div class="title">${storeInfo.name}</div>
        <div class="full-screen"><i class="fa fa-arrows"></i>&nbsp;全屏</div>
    <div class="order">
        <b><i class="fa fa-cog"></i>&nbsp;${shiroUserHelper.getCurrentShiroUser().acctName}</b>
    </div>
    </div>
    <div class="pos-sidebar-nav">
        <ul class="nav nav-tabs nav-fill">
            <li class="nav-item switchTab" attr="cart">
                <a class="nav-link active" href="javascript:;" data-bs-toggle="tab" data-bs-target="#newOrderTab">购物车</a>
            </li>
            <li class="nav-item switchTab" attr="order">
                <a class="nav-link" href="javascript:;" data-bs-toggle="tab" data-bs-target="#orderHistoryTab">订单列表</a>
            </li>
        </ul>
    </div>
    <div class="pos-sidebar-body tab-content" data-scrollbar="true" data-height="100%">
        <div class="tab-pane fade h-100 show active" id="newOrderTab">
        <div class="pos-table h-100">
            <div id="cartItem" style="display: none;">
                <div class="row pos-table-row">
                <div class="col-9">
                    <div class="pos-product-thumb">
                        <div class="img" id="cartGoodsImg"></div>
                        <div class="info">
                            <input type="hidden" name="goodsId" value="0"/>
                            <input type="hidden" name="skuId" value="0"/>
                            <input type="hidden" name="cartId" value="0"/>
                            <div class="title" id="cartGoodsName">s1</div>
                            <div class="single-price" id="cartGoodsPrice">￥0.00</div>
                            <div class="desc" id="cartGoodsSpec">
                                <span class="spec">中号</span>
                                <span class="spec">黑色</span>
                            </div>
                            <div class="input-group qty">
                                <div class="minus-cart input-group-append">
                                    <a href="javascript:;" class="btn btn-default"><i class="fa fa-minus"></i></a>
                                </div>
                                <input type="text" name="buyNum" class="form-control" value="0"/>
                                <div class="increase-cart input-group-prepend">
                                     <a href="javascript:;" class="btn btn-default"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-3 total-price">
                    <div>￥<span id="cartGoodsTotalPrice">0.00</span></div>
                    <i class="fa fa-trash remove-cart" title="移出购物车"></i>
                </div>
                <div class="pos-remove-confirmation" style="display: none;">
                    <svg width="2em" height="2em" viewBox="0 0 16 16" class="me-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                        <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                    </svg>
                    移出购物车?
                    <a href="javascript:;" class="btn btn-white ms-auto me-2 cancel-remove-cart">取消</a>
                    <a href="javascript:;" class="btn btn-danger do-remove-cart">确定</a>
                </div>
            </div>
            </div>
            <div class="no-cart">
                <div>
                    <div class="mb-3 mt-n5">
                        <svg width="6em" height="6em" viewBox="0 0 16 16" class="text-gray-300" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z" />
                            <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z" />
                        </svg>
                    </div>
                    <h5>暂无结算商品</h5>
                </div>
            </div>
        </div>
        </div>
        <div class="tab-pane fade h-100" id="orderHistoryTab">
            <div class="no-order">
                <div class="order-empty-icon">
                    <div class="empty-icon">
                        <svg width="6em" height="6em" viewBox="0 0 16 16" class="text-gray-300" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z" />
                            <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z" />
                        </svg>
                    </div>
                    <div class="empty-tips">暂无订单信息</div>
                </div>
            </div>
            <div class="order-list">
                <div id="orderItem" style="display: none">
                    <div class="order-item">
                         <div class="col-9 left-side">
                             <div class="order-no"><label>订单号：</label><span class="no">-</span></div>
                             <div class="order-amount"><label>订单金额：</label>￥<span class="amount">0.00</span></div>
                             <div class="order-member"><label>会员信息：</label><span class="member">-</span></div>
                         </div>
                         <div class="col-3 right-side">
                              <button attr="0" class="btn btn-danger small-btn order-status">结算</button>
                              <div class="order-time"></div>
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pos-sidebar-footer">
        <div class="subtotal">
            <div class="text">总件数</div>
            <div class="price" id="totalNum">0</div>
        </div>
        <div class="total">
            <div class="text">总金额</div>
            <div class="price">￥<span id="totalPrice">0.00</span></div>
        </div>
        <div class="btn-row">
            <a id="noGoodsPay" href="javascript:;" class="btn btn-success"><i class="fa fa-file-invoice-dollar fa-fw fa-lg"></i> 无商品收款 </a>
            <a id="submitCheck" href="javascript:;" class="btn btn-danger"><i class="fa fa-check fa-fw fa-lg"></i> 提交结算 </a>
        </div>
    </div>

    </div>
    </div>
    <a href="javascript:;" class="pos-mobile-sidebar-toggler" data-toggle-class="pos-mobile-sidebar-toggled" data-target="#pos-customer">
        <svg viewBox="0 0 16 16" class="img" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z" />
            <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z" />
        </svg>
        <span class="badge">5</span>
    </a>
    </div>
        <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top" data-toggle="scroll-to-top"><i class="fa fa-angle-up"></i></a>
    </div>

    <!--操作提示 start-->
    <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" style="margin-top: 2rem;" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">操作提示</h4>
                </div>
                <div class="modal-body operate-message" id="messageModalContent"><i class="fa fa-check fa-fw fa-lg"></i>操作成功！</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" data-bs-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--操作提示 end-->

    <!--扫描付款码提示 start-->
    <div class="modal fade" id="cashCodeModal" tabindex="-1" style="margin-top: 2rem;" role="dialog" aria-labelledby="cashCodeModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">扫码收款中...</h4>
                </div>
                <div class="modal-body complete-pay">
                     <div class="amount-notice">金额：￥<span id="doPayAmount" class="amount">0.00</span></div>
                     <div class="text-notice" id="payNotice">请使用扫码枪，扫码收款！</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" id="completePay" data-bs-dismiss="modal">扫描完成</button>
                </div>
            </div>
        </div>
    </div>
    <!--扫描付款码提示 end-->

    <!--支付成功提示 start-->
    <div class="modal fade" id="paySuccessModal" tabindex="-1" style="margin-top: 2rem;" role="dialog" aria-labelledby="paySuccessModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">支付结果</h4>
                </div>
                <div class="modal-body pay-success">
                    <svg t="1650527140882" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1532" width="48" height="48"><path d="M511.2879 0C229.296245 0 0 229.296245 0 511.2879s229.296245 511.2879 511.2879 511.2879 511.2879-229.296245 511.2879-511.2879S793.279555 0 511.2879 0z m0 995.515994C244.962448 995.515994 28.484006 777.613352 28.484006 511.2879S244.962448 28.484006 511.2879 28.484006s482.803894 216.478442 482.803894 482.803894c1.4242 266.325452-216.478442 484.228095-482.803894 484.228094z m215.054242-655.132128l37.029207 37.029208-283.415855 327.566064-42.726009 49.847009-38.453407-49.847009-138.147427-182.297636 37.029207-37.029207 139.571627 105.39082L726.342142 340.383866z" p-id="1533" fill="#ff5b57"></path></svg>
                    <div class="text-notice">恭喜，支付成功！</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" data-bs-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--支付成功提示 end-->

    <!--弹框选择商品 start-->
    <div class="modal modal-pos-item fade" id="modalPosItem" style="margin-top: 2rem;">
        <div class="modal-dialog modal-lg modal-goods-info">
        <div class="modal-content">
        <div class="modal-body p-0">
        <a href="javascript:;" data-bs-dismiss="modal" class="btn-close position-absolute top-0 end-0 m-4"></a>
        <div class="pos-product">
        <div class="pos-product-img">
             <div class="img" id="modalGoodsLogo"></div>
        </div>
        <div class="pos-product-info">
        <div class="title" id="modalGoodsName"></div>
        <div class="desc" id="modalGoodsTips"></div>
        <div class="price" id="modalGoodsPrice">￥0.00</div>
        <hr />
        <div class="option-row">
        <div class="qty">
            <div class="input-group">
                <a href="javascript:;" id="modalMinusNum" class="btn btn-default"><i class="fa fa-minus"></i></a>
                <input type="text" id="modalCartNum" class="form-control border-0 text-center" name="num" value="1"/>
                <a href="javascript:;" id="modalAddNum" class="btn btn-default"><i class="fa fa-plus"></i></a>
            </div>
        </div>
        </div>
        <div id="modalGoodsOptions" class="goods-options">
            <div class="option-row spec-item">
                <div class="option-title">型号</div>
                <div class="option-list">
                    <div class="option">
                        <input type="radio" id="size3" value="size3" class="option-input" checked="checked" />
                        <label class="option-label" for="size3">
                        <span class="option-text">小号</span>
                        <span class="option-price">+0.00</span>
                        </label>
                    </div>
                    <div class="option">
                        <input type="radio" id="size1" value="size1" class="option-input" />
                        <label class="option-label" for="size1">
                        <span class="option-text">中号</span>
                        <span class="option-price">+3.00</span>
                        </label>
                    </div>
                    <div class="option">
                        <input type="radio" id="size2" value="size2" class="option-input" />
                        <label class="option-label" for="size2">
                        <span class="option-text">大号</span>
                        <span class="option-price">+1.50</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-row">
            <a href="javascript:;" class="btn btn-default" data-bs-dismiss="modal">取消</a>
            <a href="javascript:;" id="addCart" class="btn btn-success">加入购物车<i class="fa fa-plus fa-fw ms-2"></i></a>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
    </div>
    <!--弹框选择商品 end-->

    <!--弹框结算 start-->
    <div class="modal modal-pos-check fade" id="modalPosCheck" style="margin-top: 2rem;">
        <div class="modal-dialog modal-lg modal-check-info" style="max-width:1000px">
            <div class="modal-content">
                <div class="modal-body p-0">
                    <a href="javascript:;" data-bs-dismiss="modal" class="btn-close position-absolute top-0 end-0 m-4"></a>
                    <div class="pay-check">
                         <div class="pay-type-info">
                             <div class="title">请选择支付方式</div>
                             <div class="pay-tool weixin active" attr="MICROPAY" title="选择微信支付">
                                 <svg t="1649925318920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2605" width="32" height="32"><path d="M337.387283 341.82659c-17.757225 0-35.514451 11.83815-35.514451 29.595375s17.757225 29.595376 35.514451 29.595376 29.595376-11.83815 29.595376-29.595376c0-18.49711-11.83815-29.595376-29.595376-29.595375zM577.849711 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763zM501.641618 401.017341c17.757225 0 29.595376-12.578035 29.595376-29.595376 0-17.757225-11.83815-29.595376-29.595376-29.595375s-35.514451 11.83815-35.51445 29.595375 17.757225 29.595376 35.51445 29.595376zM706.589595 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763z" fill="#28C445" p-id="2606"></path><path d="M510.520231 2.959538C228.624277 2.959538 0 231.583815 0 513.479769s228.624277 510.520231 510.520231 510.520231 510.520231-228.624277 510.520231-510.520231-228.624277-510.520231-510.520231-510.520231zM413.595376 644.439306c-29.595376 0-53.271676-5.919075-81.387284-12.578034l-81.387283 41.433526 22.936416-71.768786c-58.450867-41.433526-93.965318-95.445087-93.965317-159.815029 0-113.202312 105.803468-201.988439 233.803468-201.98844 114.682081 0 216.046243 71.028902 236.023121 166.473989-7.398844-0.739884-14.797688-1.479769-22.196532-1.479769-110.982659 1.479769-198.289017 85.086705-198.289017 188.67052 0 17.017341 2.959538 33.294798 7.398844 49.572255-7.398844 0.739884-15.537572 1.479769-22.936416 1.479768z m346.265896 82.867052l17.757225 59.190752-63.630058-35.514451c-22.936416 5.919075-46.612717 11.83815-70.289017 11.83815-111.722543 0-199.768786-76.947977-199.768786-172.393063-0.739884-94.705202 87.306358-171.653179 198.289017-171.65318 105.803468 0 199.028902 77.687861 199.028902 172.393064 0 53.271676-34.774566 100.624277-81.387283 136.138728z" fill="#28C445" p-id="2607"></path></svg>
                                 <strong>微信支付</strong>
                             </div>
                             <div class="pay-tool alipay hide" attr="ALIPAY" title="选择支付宝支付">
                                 <svg t="1649925405749" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3423" width="32" height="32"><path d="M230.4 576.512c-12.288 9.728-25.088 24.064-28.672 41.984-5.12 24.576-1.024 55.296 22.528 79.872 28.672 29.184 72.704 37.376 91.648 38.912 51.2 3.584 105.984-22.016 147.456-50.688 16.384-11.264 44.032-34.304 70.144-69.632-59.392-30.72-133.632-64.512-212.48-61.44-40.448 1.536-69.632 9.728-90.624 20.992z m752.64 135.68c26.112-61.44 40.96-129.024 40.96-200.192C1024 229.888 794.112 0 512 0S0 229.888 0 512s229.888 512 512 512c170.496 0 321.536-83.968 414.72-211.968-88.064-43.52-232.96-115.712-322.56-159.232-42.496 48.64-105.472 97.28-176.64 118.272-44.544 13.312-84.992 18.432-126.976 9.728-41.984-8.704-72.704-28.16-90.624-47.616-9.216-10.24-19.456-22.528-27.136-37.888 0.512 1.024 1.024 2.048 1.024 3.072 0 0-4.608-7.68-7.68-19.456-1.536-6.144-3.072-11.776-3.584-17.92-0.512-4.096-0.512-8.704 0-12.8-0.512-7.68 0-15.872 1.536-24.064 4.096-20.48 12.8-44.032 35.328-65.536 49.152-48.128 114.688-50.688 148.992-50.176 50.176 0.512 138.24 22.528 211.968 48.64 20.48-43.52 33.792-90.112 41.984-121.344h-307.2v-33.28h157.696v-66.56H272.384V302.08h190.464V235.52c0-9.216 2.048-16.384 16.384-16.384h74.752V302.08h207.36v33.28h-207.36v66.56h165.888s-16.896 92.672-68.608 184.32c115.2 40.96 278.016 104.448 331.776 125.952z" fill="#06B4FD" p-id="3424"></path></svg>
                                 <strong>支付宝</strong>
                             </div>
                             <div class="pay-tool cash" attr="CASH" title="选择现金支付">
                                 <svg t="1656296356619" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10192" width="32" height="32"><path d="M2.323 512C2.323 230.513 230.513 2.323 512 2.323S1021.677 230.513 1021.677 512 793.487 1021.677 512 1021.677 2.323 793.487 2.323 512L2.323 512zM664.053 441.296c-102.278-0.011-185.336 83.036-185.402 185.369-0.055 102.377 83.201 185.567 185.677 185.523 101.981-0.044 185.072-83.135 185.226-185.237C849.697 524.552 766.518 441.306 664.053 441.296zM689.881 615.395c9.786 0 19.572 0.11 29.357-0.055 3.112-0.055 4.002 0.99 3.892 3.991-0.209 5.619-0.055 11.237-0.055 17.296l-49.237 0 0 27.488 48.918 0 0 21.155L673.74 685.27c-0.088 1.792-0.209 3.211-0.209 4.629-0.011 10.896-0.099 21.804 0.044 32.7 0.044 3.068-0.913 4.035-3.958 3.936-6.234-0.209-12.48-0.209-18.714 0-3.013 0.099-4.002-0.792-3.947-3.892 0.176-10.896 0.066-21.804 0.066-32.7l0-4.431-51.315 0 0-21.188 51.084 0L646.791 636.78l-51.37 0c0-6.784-0.11-13.117 0.154-19.44 0.033-0.693 2.232-1.836 3.442-1.847 11.743-0.143 23.486-0.088 35.229-0.088 1.33 0 2.65 0 4.772 0-17.933-30.831-35.526-61.09-53.492-91.975 1.924-0.121 3.178-0.275 4.442-0.275 6.85-0.022 13.7 0.176 20.55-0.088 3.365-0.132 5.212 0.957 6.784 3.991 14.228 27.323 28.61 54.559 42.958 81.827 0.11 0.209 0.286 0.385 0.253 0.341 14.822-27.554 29.665-55.053 44.377-82.651 1.418-2.661 3.035-3.573 5.959-3.486 6.597 0.209 13.205 0.055 19.813 0.077 1.177 0 2.353 0.11 4.211 0.209-18.098 30.809-35.889 61.101-54.053 92.03C684.35 615.395 687.121 615.395 689.881 615.395zM300.198 231.253c4.937 3.573 9.984 7.642 15.118 12.205 5.146 4.563 9.775 9.819 13.887 15.778 2.056 3.178 4.53 6.751 7.411 10.72 2.881 3.969 5.553 7.939 8.027 11.908 2.881 4.365 5.762 8.928 8.642 13.689L481.07 295.553c2.881-3.969 5.553-8.136 8.027-12.502 2.056-3.573 4.321-7.147 6.795-10.72 2.463-3.573 4.728-6.751 6.795-9.522 4.112-5.553 8.235-10.819 12.348-15.778 4.112-4.959 10.083-9.819 17.9-14.58 3.299-1.99 6.069-4.563 8.334-7.741 2.265-3.178 3.705-6.344 4.321-9.522 0.616-3.178 0.209-6.256-1.231-9.225-1.44-2.98-4.211-5.256-8.334-6.839-3.705-1.188-6.894-1.583-9.566-1.188-2.672 0.396-5.355 1.089-8.027 2.089-2.672 0.99-5.454 2.089-8.334 3.277-2.881 1.188-6.377 1.781-10.5 1.781-4.112 0-7.51-0.693-10.182-2.089-2.672-1.385-5.146-3.079-7.411-5.058-2.265-1.979-4.629-4.068-7.103-6.256-2.463-2.188-5.762-3.87-9.874-5.058-8.224-3.178-14.811-3.771-19.747-1.781-4.937 1.99-9.874 5.157-14.822 9.522-4.112 3.969-7.411 6.751-9.874 8.334-1.231 0.792-2.265 1.187-3.09 1.187-2.474-1.187-4.728-2.573-6.795-4.167-2.056-1.198-4.013-2.485-5.861-3.87-1.847-1.385-3.595-3.068-5.245-5.058-3.288-3.178-8.224-5.256-14.811-6.256-6.586-0.99-12.546 0.099-17.9 3.277-6.993 4.365-11.93 8.038-14.811 11.017-2.881 2.98-7.202 5.058-12.963 6.245-3.288 0.792-6.894 0.594-10.797-0.594-3.903-1.187-7.917-2.375-12.04-3.573-4.112-1.188-8.027-1.979-11.732-2.386-3.727-0.418-7.015 0.385-9.896 2.364-5.762 4.365-7.609 9.621-5.553 15.778C291.148 222.809 294.854 227.679 300.198 231.253zM591.682 424.451c-0.352-0.385-0.682-0.814-1.034-1.198-10.489-11.314-20.682-21.133-30.556-29.467-11.93-9.522-22.43-18.56-31.479-27.092-9.06-8.532-16.669-16.174-22.837-22.925-7.411-7.543-13.579-14.481-18.516-20.836l-138.914 0c-5.355 6.751-11.523 13.887-18.516 21.43-5.762 6.751-12.963 14.195-21.606 22.331-8.642 8.136-18.318 16.768-29.017 25.894-12.348 10.325-23.761 22.024-34.261 35.13-10.5 13.106-19.242 27.488-26.235 43.167s-11.831 32.447-14.503 50.314c-2.672 17.856-2.166 36.515 1.539 55.966 3.299 17.461 10.083 35.031 20.374 52.689s24.179 33.635 41.672 47.928c17.493 14.283 38.791 25.905 63.893 34.833 25.102 8.928 53.91 13.392 86.423 13.392 19.033 0 36.691-1.572 53.272-4.365-14.184-28.687-22.353-60.848-22.342-94.977C449.106 533.414 508.679 454.215 591.682 424.451z" p-id="10193" fill="#ff5b57"></path></svg>
                                 <strong>现金支付</strong>
                             </div>
                             <div class="pay-tool cash" attr="BALANCE" title="选择余额支付">
                                 <svg t="1656295559018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6471" width="32" height="32"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m286.4896 668.16a78.2336 78.2336 0 0 1-78.208 78.208H303.1808A78.2336 78.2336 0 0 1 224.9728 668.16V355.3536a78.1312 78.1312 0 0 1 78.1568-78.2336h417.1008a78.2336 78.2336 0 0 1 78.208 78.2336v91.1616h-208.5632a65.2032 65.2032 0 1 0 0 130.4064h208.6144z m-143.36-156.3904a39.1168 39.1168 0 1 1-39.1168-39.0912 39.1168 39.1168 0 0 1 39.0656 39.1936z" fill="#00acac" p-id="6472"></path></svg>
                                 <strong>余额支付</strong>
                             </div>
                         </div>
                         <div class="main-info">
                             <div class="title">支付信息</div>
                             <div class="coupon-info">
                                 <div class="coupon-head">卡券核销：</div>
                                 <div class="coupon-form">
                                     <input type="text" class="form-control qr-code" id="couponCode" name="code" placeholder="请扫描或输入核销码"/>
                                     <button type="button" class="btn confirm-btn btn-success" id="doConfirm">确定核销</button>
                                 </div>
                             </div>
                             <div class="discount-info">
                                 <div class="discount">
                                     <div class="discount-head">折扣：(折)</div>
                                     <div class="discount-form">
                                         <input type="text" class="form-control" id="discount" name="discount" placeholder="请输入折扣"/>
                                     </div>
                                 </div>
                                 <div class="take-int">
                                     <div class="discount-head">立减：(元)</div>
                                     <div class="discount-form">
                                         <input type="text" class="form-control" id="reduce" name="reduce" placeholder="请输入立减金额"/>
                                     </div>
                                 </div>
                             </div>
                             <div class="desc-info">
                                 <div class="desc-head">备注：</div>
                                 <div class="desc-form">
                                      <textarea rows="2" class="form-control" id="remark" name="remark" maxlength="500" placeholder="请输入备注信息"></textarea>
                                 </div>
                             </div>
                             <div class="footer">
                                  <div class="amount-info">
                                      <span class="discount-amount">优惠金额：￥<span class="amount" id="totalDiscount">0.00</span></span>
                                      <span class="pay-amount">实付金额：￥<span class="amount" id="payAmount">0.00</span></span>
                                      <input type="hidden" id="orderId" name="orderId" value="0"/>
                                      <input type="hidden" id="checkType" name="checkType" value="goods"/>
                                  </div>
                                  <button type="button" data-bs-dismiss="modal" class="btn btn-default">取消</button>
                                  <button type="button" class="btn btn-danger" id="doCash">确定收款</button>
                             </div>
                         </div>
                         <div class="user-info">
                             <div class="title">会员信息</div>
                             <div class="info">
                                  <div class="condition">
                                      <input type="text" class="form-control" id="queryMobile" name="queryMobile" clearable placeholder="请输入会员手机号" />
                                      <div class="do-query">
                                          <button type="button" id="cancelMember" class="btn btn-default">取消</button>
                                          <button type="button" id="queryMember" class="btn btn-danger">查询</button>
                                      </div>
                                  </div>
                                  <div class="member" id="memberInfo" style="display: none">
                                      <input type="hidden" id="memberId" name="memberId" value="0"/>
                                      <div class="avatar">
                                          <img id="memberAvatar" src=""/>
                                      </div>
                                      <div class="base">
                                          <p class="name"><span>名称：</span><span id="memberName"></span></p>
                                          <p class="card-no"><span>会员号：</span><span id="memberNo"></span></p>
                                          <p class="mobile"><span>手机号：</span><span id="memberMobile"></span></p>
                                      </div>
                                      <div class="balance">
                                          <p class="id"><span>积分：</span><span id="memberPoint"></span>（分）</p>
                                          <p class="id"><span>余额：</span><span id="memberBalance"></span>（元）</p>
                                      </div>
                                  </div>
                                  <div class="no-member" id="noMember">
                                      <svg t="1649997756802" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3473" width="48" height="48"><path d="M60.235294 361.411765l744.809412 425.622588A30.117647 30.117647 0 0 1 790.136471 843.294118H173.658353a60.235294 60.235294 0 0 1-59.783529-52.766118L60.235294 361.411765z" fill="#F5C164" p-id="3474"></path><path d="M963.764706 361.411765l-53.63953 429.116235A60.235294 60.235294 0 0 1 850.341647 843.294118H233.893647a30.117647 30.117647 0 0 1-14.968471-56.259765L963.764706 361.411765z" fill="#F5C164" p-id="3475"></path><path d="M512 240.941176l331.053176 509.289412A60.235294 60.235294 0 0 1 792.545882 843.294118H231.454118a60.235294 60.235294 0 0 1-50.507294-93.06353L512 240.941176z" fill="#FFE09E" p-id="3476"></path><path d="M512 240.941176l331.053176 509.289412A60.235294 60.235294 0 0 1 792.545882 843.294118H512V240.941176z" fill="#F9CF7E" p-id="3477"></path><path d="M512 210.823529m-60.235294 0a60.235294 60.235294 0 1 0 120.470588 0 60.235294 60.235294 0 1 0-120.470588 0Z" fill="#FFE19F" p-id="3478"></path><path d="M963.764706 331.294118m-60.235294 0a60.235294 60.235294 0 1 0 120.470588 0 60.235294 60.235294 0 1 0-120.470588 0Z" fill="#FFE19F" p-id="3479"></path><path d="M60.235294 331.294118m-60.235294 0a60.235294 60.235294 0 1 0 120.470588 0 60.235294 60.235294 0 1 0-120.470588 0Z" fill="#FFE19F" p-id="3480"></path></svg>
                                      <p>当前非会员</p>
                                  </div>
                             </div>
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--弹框结算 end-->

    <!--弹框无商品收款 start-->
    <div class="modal no-goods-pay fade" id="noGoodsModal" tabindex="-1" style="margin-top: 2rem;" role="dialog" aria-labelledby="noGoodsModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">无商品收款</h4>
                </div>
                <div class="modal-body">
                    <div class="pay-area">
                         <div class="amount">
                              <div class="star">*</div>
                              <input type="text" class="form-control" id="noGoodsPayAmount" name="noGoodsPayAmount" placeholder="请输入收款金额"/>
                              <div class="tip">（单位：元）</div>
                         </div>
                         <div class="remark" style="margin-left: 8px;">
                              <textarea rows="5" class="form-control" id="noGoodsPayRemark" name="noGoodsPayRemark" maxlength="500" placeholder="请输入备注信息"></textarea>
                         </div>
                    </div>
                </div>
                <div class="modal-footer">
                     <button type="button" data-bs-dismiss="modal" class="btn btn-default">取消</button>
                     <button type="button" class="btn btn-success" id="doNoGoodsPay">确定收款</button>
                </div>
            </div>
        </div>
    </div>
    <!--弹框无商品收款 end-->
    <script src="<@sp.static/>/assets/plugins/cashier/vendor.min.js?v=1.8.6" type="text/javascript" charset="UTF-8"></script>
    <script src="<@sp.static/>/assets/plugins/cashier/app.min.js?v=1.8.6" type="text/javascript" charset="UTF-8"></script>
    <script src="<@sp.static/>/js/layer/layer.js" type="text/javascript" charset="UTF-8"></script>
    <script src="<@sp.static/>/assets/plugins/cashier/pos.js?v=1.8.6" type="text/javascript" charset="UTF-8"></script>
    <script src="<@sp.static/>/assets/plugins/jquery/jquery.fullscreen-min.js?v=1.8.6" type="text/javascript" charset="UTF-8"></script>
</body>
</html>